<template>
    <div class="article-intro-shower">
      <h3>{{title}}</h3>
      <div class="text">{{text}}</div>
    </div>
</template>

<script>
export default {
  name: 'ArticleIntroShower',
  props: ['title', 'text']
}
</script>

<style scoped>
  .text{
    margin-left: 2rem;
  }
  .article-intro-shower {
      transition: all 0.5s;
  }

  .article-intro-shower:hover {
      cursor: pointer;
      color: #00a1d6;
  }
</style>
